<template>
  <div>
    <van-tabbar v-model="active">
      <!-- 0 -->
      <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
      <!-- 1 -->
      <van-tabbar-item to="/topic" icon="label-o">专题</van-tabbar-item>
      <!-- 2 -->
      <van-tabbar-item to="/category" icon="apps-o">分类</van-tabbar-item>
      <!-- 3 -->
      <van-tabbar-item to="/cart" icon="cart-o">购物车</van-tabbar-item>
      <!-- 4 -->
      <van-tabbar-item to="/user" icon="user-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
// 这里可以导入其他文件(比如:组件，工具js 第三方插件js,json文件 ，图片文件等等)
//例如：import《组件名称》 from '《组件路径》'
export default {
  // import引入的组件需要注入到对象中才能使用
  components: {},
  props: {},
  data() {
    return {
      // 这里放数据
      // active:0
    };
  },
  //   计算属性  类似于data概念
  computed: {
    active:{
      get(){
        return this.$route.meta.activeNum;
      },
      set(){

      }
    }
  },
  // 监控data中的数据变化
  watch: {},
  //   方法集合
  methods: {},
  // 声明周期  -  创建完成（可以访问当前this示例）
  created() {},
  //  声明周期  -  挂载完成（可以访问DOM元素）
  mounted() {
  },
};
</script>
<style lang='less' scoped>
// @import url(); 引入公共css类
</style>